<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<link href="__UI__/css/bs3/dpl.css" rel="stylesheet" type="text/css" />
<link href="__UI__/css/bs3/bui.css" rel="stylesheet" type="text/css" />
<link href="__UI__/css/style.css" rel="stylesheet" type="text/css" />
<style type="text/css">

.title{
	margin:20px auto;
}

.controls{
	color:#fff;
}

.controls .con{
	width:100%;
	height:auto;
	line-height:30px;
	overflow:hidden;
	word-wrap: break-word; 
	word-break: break-all;
	color:#fff;
}

pre{
	width:100%;
	height:auto;
	line-height:30px;
	overflow:hidden;
	white-space: pre-wrap;
	word-break: break-all;
}

.tabs {
	width: 100%;
	height: 32px;
	margin-bottom:10px;
	margin-top:20px;
}

.tabs li {
	float:left;
	height:25px;
	line-height:25px;
	padding-right:18px;
}

</style>
<script type="text/javascript" src="__UI__/js/jquery-1.8.1.min.js"></script>

</head>
<body>
<script language="javascript">

var winID = null;
function openFullWindow(url,winname){
	var strFeatures = "left=0,screenX=0,top=0,screenY=0";  
	if (window.screen){
		var maxh = screen.availHeight-30;
		var maxw = screen.availWidth-10;
		strFeatures += ",height="+maxh;
		strFeatures += "innerHeight"+maxh;
		strFeatures += ",width="+maxw;
		strFeatures += "innerwidth"+maxw;
	}else{
		strFeatures +=",resizable"; 
	}
	winID = window.open(url,winname,strFeatures);
}

</script>
<div class="demo-content" style="margin-top:1%;">
	<div class="row" style="width:90%; margin:0px auto;">
		<div style="text-align:center"><h2>{$scripts.scriptsname} - 基本信息</h2><hr></div>
        <div id="panel" class="" style="padding:10px;">
            <div class="control-group">
                <div class="controls title">
                    <label class="control-label"><h2>演练名称</h2></label>
                </div>
				<div class="controls">{$scripts.scriptsname}</div>
            </div>
            
            <div class="control-group">
                <div class="controls title">
                	<label class="control-label"><h2>演练时间</h2></label>
				</div>
				<div class="controls">{$record.start_time|date="Y年m月d日H时i分",###} -- {$record.end_time|date="H时i分",###}</div>
            </div>
            
            <div class="control-group title">
				<div class="controls">
                    <label class="control-label"><h2>参演部门</h2></label>
                    <div class="controls">
                        <div class="cons">
                            <ul class="tabs" id="tabs">
                                <volist name="department" id="vo">
                                    <li>{$vo}</li>
                                </volist>
                            </ul>
                        </div>
                    </div>
				</div>
            </div>
            
            <div class="control-group">
				<div class="controls">
                    <label class="control-label"><h2>演练范围</h2></label>
				</div>
 				<div class="controls">
                	<div class="con"><pre>{$scripts.range}</pre></div>
				</div>
			</div>
            
            <div class="control-group">
				<div class="controls">
                    <label class="control-label"><h2>灾害介绍</h2></label>
				</div>
				<div class="controls"><div class="con"><pre>{$scripts.brief}</pre></div></div>
            </div>
            
            <div class="control-group">
				<div class="controls">
                    <label class="control-label"><h2>演练目的</h2></label>
				</div>
				<div class="controls"><div class="con"><pre>{$scripts.goal}</pre></div></div>
            </div>
            
            <div class="control-group">
				<div class="controls">
                    <label class="control-label"><h2>演练规则</h2></label>
				</div>
				<div class="controls"><div class="con"><pre>{$scripts.rules}</pre></div></div>
            </div>
		</div>
         
		<div style="text-align:center"><h2>{$scripts.scriptsname} - 演练过程</h2><hr></div>
		<div id="panel" class="" style="padding:10px;">
        <volist name="scene" id="vo" key="k">
            <div class="control-group">
				<div class="controls">
                    <label class="control-label"><h2>场景{$k}：{$vo.scenename}</h2></label>
				</div>
                <div class="controls" style="height:30px;"></div>
            </div>
            <div class="control-group">
				<div class="controls">
                    <label class="control-label"><h2>场景描述</h2></label>
				</div>
                <div class="controls"><div class="con"><pre>{$vo.brief}</pre></div></div>
            </div>
            <div class="control-group">
				<div class="controls">
                    <label class="control-label"><h2>参与部门</h2></label>
				</div>
                <volist name="vo['department']" id="v" key="b">
                <div class="controls">
                    <label class="control-label"><h3 style="margin:5px 0px;">{$v}</h2></label>
				</div>
                <div class="controls">
                    <volist name="hint" id="vs">
                    <if condition="$vo['id'] eq $vs['hid'] and $b eq $vs['did']">
                    <div class="controls">
                    	<label class="control-label">{$vs.start_time|date="H:i:s",###} -- {$vs.end_time|date="H:i:s",###}</label>
                    </div>
                    <audio controls src='__R__/{$vs.voice}'></audio>
                    <div class="controls"><div class="con"><pre>{$vs.hint}</pre></div></div>
                    </if>
                    </volist>
				</div>
                </volist>
            </div>
        </volist>
		</div>
          
		<div style="text-align:center"><h2>{$scripts.scriptsname} - 演练总结</h2><hr></div>
		<div id="panel" class="" style="padding:10px;">
            <volist name="report" id="d">
                <div class="control-group">
                    <div class="controls">
                        <label class="control-label"><h3 style="margin:5px 0px;">{$d.department}</h2></label>
                    </div>
                    <div class="controls">
                        <audio controls src='__R__/{$d.voice}'></audio>
                        <div class="controls"><div class="con"><pre>{$d.hint}</pre></div></div>
                    </div>
                </div>
            </volist>
            <div class="control-group">
				<div class="controls title">
                    <label class="control-label"><h2>演练签到</h2></label>
				</div>
				<div class="control-group">
					<volist name="staff" id="ds" key="s">
                        <div class="controls title">
                            <label class="control-label"><h2>{$ds['department']}</h2></label>
                        </div>
                        <div class="controls">
                            <ul class="tabs" id="tabs">
                                <volist name="ds['staff']" id="m">
                                    <li>{$m}</li>
                                </volist>
                            </ul>
                        </div>
					</volist>
				</div>
			</div>

            <div class="control-group">
				<div class="controls title">
                    <label class="control-label"><h2>演练主控官</h2></label>
				</div>
				<div class="controls">{$record.management}</div>
			</div>
            
            <div class="control-group">
				<div class="controls title">
                    <label class="control-label"><h2>演练记录人</h2></label>
				</div>
				<div class="controls">{$record.recordman}</div>
            </div>
            
            <div class="control-group">
				<div class="controls title">
                    <label class="control-label"><h2>演练地点</h2></label>
				</div>
				<div class="controls">{$record.address}</div>
            </div>
        </div>
	</div>
</div>
</body>
</html>